<template>
    <v-container fill-height class="root">
        <v-row class="text-center">
            <v-col class="mb-4">
                <div v-if="sysUser===null || sysUser===undefined || sysUser===''">
                    <h1 class="display-2 font-weight-bold mb-3">欢迎进入仁爱招聘网！</h1>
                    <h2>请先登录</h2>
                </div>
                <div v-else>
                    <h1 class="display-2 font-weight-bold mb-3">
                        欢迎您，{{sysUser.username}}
                    </h1>
                </div>

            </v-col>

        </v-row>
    </v-container>
</template>

<script>
    export default {
        name: 'HelloWorld',
        data: () => ({
            sysUser: null
        }),
        mounted() {
            this.sysUser = JSON.parse(localStorage.getItem('sysUser'));
        }
    }
</script>
<style scoped>
    * {
        margin: 0;
        padding: 0;
    }
</style>
